<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery封装ajax请求</title>
</head>
<!--引入jQuery库-->
<script type="text/javascript" src="/AJAX/js/jQuery.js"></script>
<!--发送ajax请求-->
<script type="text/javascript">
    //第一个回调函数 执行onload 当页面加载时执行该回调函数
    $(function () {
        //第二个回调函数执行点击指令
        $("#btn1").click(function () {
            $.ajax({//点击按钮后传入一个ajax请求
                type: "POST",
                url: "/AJAX/ajaxrequest11",
                //用户提交的数据
                data: "username=" + $("#username").val(),
                async: true,
                //程序响应后 要拿到响应的内容返回给前端
                success: function (json) {
                    $("#div1").html(json.uname)
                }
            })
        })
    })
</script>
<body>
<!-- 修正输入框id为username -->
用户名：<input type="text" id="username">
<button id="btn1">按钮</button>
<!-- 修正结果div的id为div1 -->
<div id="div1"></div>
</body>
</html>